<template>
  <div class="tab-content-category">
    <div class="tab-content-item" v-for="(item,index) in subcate" :key="index">
      <a :href="item.link">
        <img :src="item.image" @load="imgload">
        <p>{{item.title}}</p>
      </a>
    </div>
  </div>
</template>
<script>
  export default {
props: {
  subcate: {
    type: Array,
    default(){
      return []
    }
  },
},
data() {
  return {
    imgcounter: 0,
    allcounter:0
  }
},
methods:{
  imgload(){
    this.$emit('imgload')
  }
}
  }
</script>
<style>
  .tab-content-category{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 20px 8px;
		align-items: center;
		text-align: center;
	}
	.tab-content-item{
		width: 33%;
		/* flex:auto; */
		font-size: 13px;
	}
	.tab-content-item img{
		width: 80%
	}
	.tab-content-item p{
		margin-top: 15px;
	}
</style>
